// Tailwind
@tailwind base;
@tailwind components;
@tailwind utilities;

// Icons
$fa-font-path: "./webfonts";
@import "~@fortawesome/fontawesome-free/scss/fontawesome.scss";
@import "~@fortawesome/fontawesome-free/scss/brands.scss";
@import "~@fortawesome/fontawesome-free/scss/solid.scss";

// Code highlighting
@import "~highlight.js/scss/github.scss";

// Fonts
@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro|Work+Sans:200,400&display=swap");

// Additional Styles
@import "markdown.scss";
@import "dark-mode.scss";

// Miscellaneous
:target::before {
    content: "";
    display: block;
    height: 80px;
    margin-top: -80px;
    visibility: hidden;
}
